/*header*/
.header{width:100%;height:60px;background:url(../img/header/menu-bg.png);color:#fff;font-size:16px;line-height:60px;text-align:center;}
#header .main{max-width:100%;}
.logo{position:absolute;left:0;top:0;z-index:3;width:248px;height:39px;}
.logo a{display:block;margin:12px  0 0 23px;}
.logo img{display:block;}
.menu{float:left;/*padding-left:250px;*/position:absolute;left:368px;text-align:left;}
.menu a{padding:0 10px 17px;margin-right:40px;color:#fff;}
.menu a.cur,.menu a:hover{border-bottom:3px solid #eed900;color:#fde257;}
.wysk a:hover,.exitLogin:hover{color:#fde257;}
.wysk{float:right;padding-right:250px;}
.wysk a{display:inline-block;height:100%;}
.wysk a.go-cla{color:#fde257;background:url(../img/header/line7.png) no-repeat right 20px;padding:0 12px;margin-right:13px;}
.wysk a.log{}
.nav{display:none;}
.login-before,.login-after{display:inline-block;color:#888;}
.login-after{display:none;}
.login-before a,.login-afte a{color:#888;}
.exitLogin{padding-right:10px;cursor:pointer;}
.userMsg{padding:0 10px;}
.slide-left{-webkit-transform: translate(-130px,0)}
.header .nav-tel{position:absolute;right:16px;top:0;color:#888;font-size:16px;padding:0 10px 0 35px;background:url(../img/header/arr8.png) no-repeat 0 17px;}

.cate-nav{width:100%;left:0;top:60px;height:52px;box-shadow:0 5px 10px #dbdbdb;background:url(../img/index/h.jpg);line-height:52px;}
.cate-nav a{float:left;padding-right:35px;color:#222;font-size:16px;}

@media screen and (max-width:767px){
 .header{display:none;}
 .cate-nav{display:none;}
}
@media screen and (min-width: 1025px) and (max-width: 1300px){
.menu{left:256px;}
.menu a{margin-right:20px;}
.wysk{padding-right:200px;}
}
@media screen and (min-width: 1024px) and (max-width: 1169px){
.menu{left:256px;}
.wysk{padding-right:190px;}
.menu a{margin-right:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
.cate-nav a{padding-right:20px;}
}


@media screen and (min-width:768px) and (max-width:1023px) {
.wysk{padding-right:170px;font-size:12px;}
.menu{left:190px;}
.menu a{margin-right:10px;padding:0 0 17px;font-size:12px;}
.logo{width:175px;}
.logo a{margin-top:19px;}
.header .nav-tel{background:url(../../img/index/arr8.png) no-repeat 0 17px;}
.cate-nav a{padding-right:10px;font-size:14px;}

}
@media screen and (max-width:420px) {

}
